<!--
  -  Copyright 2020 Huawei Technologies Co., Ltd.
  -
  -  Licensed under the Apache License, Version 2.0 (the "License");
  -  you may not use this file except in compliance with the License.
  -  You may obtain a copy of the License at
  -
  -      http://www.apache.org/licenses/LICENSE-2.0
  -
  -  Unless required by applicable law or agreed to in writing, software
  -  distributed under the License is distributed on an "AS IS" BASIS,
  -  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  -  See the License for the specific language governing permissions and
  -  limitations under the License.
  -->

<template>
  <div>
    <div
      class="package_list padding_default"
      style="min-height:648px;"
    >
      <div class="title_top title_left defaultFontBlod clear">
        {{ $t('nav.appDetail') }}
        <span class="line_bot" />
      </div>
      <div class="app-detail">
        <div>
          <Edge :appid="appId" />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Edge from './EdgeList'
export default {
  components: {
    Edge
  },
  data () {
    return {
      appId: window.location.href.split('=')[1] || sessionStorage.getItem('appId')
    }
  }
}
</script>
<style lang='less' >
.app-detail {
  height: 100%;
  background: rgba(46,20,124,.7);
  padding: 30px 60px;
  border-radius: 20px;
  box-shadow: 0 6px 68px 0 rgba(94, 64, 200, 0.06);
}
</style>
